<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>006_延时调用</title>
</head>
<body>
<h1 id="count">0</h1>


<script type="text/javascript">
    /**
     *
     * setTimeOut();
     * 延时调用：是让一个函数不马上执行，而是隔一段时间以后再执行，而且只会执行一次。
     *
     * 延时调用和定时调用的区别：定时调用会执行多次，而延时调用则会执行一次。
     *
     * 延时调用和定时调用实际上是可以相互替换的，在开发中可以根据自己的需要去选择。
     *
     */
    var count = document.getElementById("count");
    var num = 6;
    var timer = setTimeout(function () {
        count.innerHTML = num;
    }, 3000);

    // 关闭一个延时调用
    clearTimeout(timer);


</script>
</body>
</html>